<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>学无止境</title>
  <link rel="shortcut icon" type="image/x-icon" href="../image/favion.ico">
  <link rel="stylesheet" href="../iconfont/iconfont.css">
  <link rel="stylesheet" href="../css2/base.css">
  <link rel="stylesheet" href="../pjs/jquery-pagination/pagination.css">
  <link rel="stylesheet" href="../css2/nav.min.css">
  <link rel="stylesheet" href="../css2/study.css">

  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
  </script>
  <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
  <script src="../pjs/jquery-pagination/jquery.pagination.js"></script>
  <script src="../iconfont/iconfont.js"></script>
</head>
<style>
  .icon {
    width: 1.4em;
    height: 1.4em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }
</style>


<body>
  <div class="box">
    <div class="box1">
    <header>
      <div class="header">
        <img src="../image/fg3.jpg" alt="">
        <span class="nickname">欣欣~</span>
        <span class="exit">退出登录</span>
      </div>
    </header>
    <nav>
      <ul class="nav container">
        <li><a href="./index.html">首页</a></li>
        <li><a href="#">学无止境</a></li>
        <li><a href="./life.html">生活记录</a></li>
        <li><a href="./message.html">留言板</a></li>
        <li><a href="./loginAndRegist.html">登录/注册</a></li>
      </ul>
    </nav>
    <main class=" container">
      <div class="main">
        <!-- 左侧 -->
        <div class="left_con">
          <ul class="first">
            <li class="first_li html_stu">
              <p>
                <i class="iconfont icon-yumao"></i>
                HTML学习笔记
              </p>
              <ul class="second">

              </ul>
            </li>
            <li class="first_li css_stu">
              <p> <i class="iconfont icon-yumao"></i>CSS学习笔记</p>
              <ul class="second">
              </ul>
            </li>
            <li class="first_li js_stu">
              <p> <i class="iconfont icon-yumao"></i>javascript学习笔记</p>
              <ul class="second">
              </ul>
            </li>
            <li class="first_li jq_stu">
              <p> <i class="iconfont icon-yumao"></i>jquery学习笔记</p>
              <ul class="second">
              </ul>
            </li>
          </ul>
        </div>
        <!-- 右侧 -->
        <div class="right_con">
          <div class="article_list">     
          </div>
          <div class="show">
            点击列表查看相关文章哦~
          </div>
        </div>
    </main>

    <!-- 底部 -->
    <footer>
      <p>@欣欣的个人博客</p>
    </footer>
  </div>
  </div>

   <script src="../js2/fairyDustCursor.js"></script>
  <script src="../js2/study.js"></script>
  <script src="../js2/alertUser.js"></script>
</body>

</html>